
/*公共样式*/
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

body{
    background-color: #d4fadd;
    background-image: url("../img/flower_bg.png");
    background-size: 90%;
    background-position: center 512px;
    background-repeat: no-repeat;

}

.safe{
    width: 1200px;
    margin: 0 auto;
}

.left{
    float: left;
}
.right{
    float: right;
}

.safe::after{
    display: block;
    clear: both;
    content: "";
}

ul,li{
    list-style-type: none;
}
a{
    text-decoration: none;
    color: inherit;
}

/*头部样式*/
header{
    padding:20.5px  0;
}

.logo{
    margin: auto;
  }

.dianhua{
    width: 290px;
}
.dianhua::after{
    display: block;
    clear: both;
    content: "";
}

.dianhua>i{
    font-size: 54px;
    float: left;
}
.teltittle{
    font-size: 14px;
    color: #394c14;
}

.tel{
    font-size: 30px;
    color: #00b528;
}

/*导航*/
nav{
    background-color: #00b02a;
    /*height: 50px;*/
    font-size: 0;
}

nav li{
    display: inline-block;
    font-size: 14px;
    color: #d4fadd;
    /*background-color: red;*/
    line-height: 50px;
    height: 50px;
    width: 14.285%;
    text-align: center;
    /*border: 1px solid black;*/
    padding-top: 5px;

}

nav a{
    display: block;

    width:125px;
    height:36px;
    line-height: 36px;
    margin: 0 auto;
}
nav a:hover{

    background-color: #e6feeb;
    color: #00b02a;


}
.nav_img{
    background-image: url("../img/line_bg.jpg");
    background-position: top;
    background-repeat: repeat-x;
    /*background-size: cover;*/
    height: 6px; /*当图片做背景图的时候是需要给设个高度的*/
}


/*banner*/


.swiper-container {
    width: 100%;
    height: 600px;
}
.banner_1{
    background-image: url("../img/banner_1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
}


.banner_2{
    background-image: url("../img/banner_2.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
}



/*公司简介*/
.f1>h1{
    font-size:28px;
    color: #394c14;
    padding: 50px 0 22px;
    font-weight: lighter;
    text-align: center;
}

.about{
    padding: 22px 22px;
    background-color: rgba(235,255,239,0.8);
    position: relative;
    height: 358px;
    font-size: 14px;
    line-height: 30px;
}

.about img{
    float: left;
    margin-right: 18px;
    width: 450px;
    height: 260px;

}


.about>span{
    text-indent: 2em;
    display: block;
}


.about a{
    color: #00b02a;
}


/*4个小版块的分类*/

.f2{
    font-size: 0;
    margin-top: 30px;
    margin-bottom: 50px;
}
.f2>div{
    display: inline-block;
    width: 25%;
    height: 140px;
    /* background-color: #e6feeb; */
    background-image: url(../img/link_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 7px 12px;
}

.fenlei{

}
.f2_img{
    width: 45%;
    height: 114px;
    /*vertical-align: middle;*/
    text-align: center;
    padding: 7px;
}

.f2_tittle{
    font-size: 24px;
    color: #00ad2a;
    width: 55%;
    height:114px;
    text-align: center;
}

.f2_tittle>h3{
padding-top: 22px;
}


/*楼层3：产品展示*/
.f3>h1{
    font-size: 28px;
    color: #394c14;
    margin: 38px 0 20px;
    text-align: center;
    font-weight: lighter;

}
.f3>ul{
    font-size: 0;
}
.f3 li{
    background-color: #e6feeb;
    width: 292px;
    height: 388px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    text-align: center;
    padding: 10px 10px;
}

.f3>ul>li:last-child{
    margin-right: 0px;
}
.f3 p{
    font-size: 14px;
    color: #394c14;
    margin-bottom: 10px;
}

.f3 div{
    margin-bottom: 10px;
}


/*楼层4联系我们*/
.f4>h1{
    font-size: 28px;
    color: #394c14;
    margin: 38px 0 20px;
    text-align: center;
    font-weight: lighter;
}

.contact{
    background-color: #e6feeb;
    height: 410px;
}

.tel_fax{
    font-size: 0;
    width: 324px;
    height: 124px;
    /*background-color: indianred;*/
    margin: 130px 0 0 124px;


}

.tel_fax li{
    font-size: 18px;
    margin-bottom: 20px;
}

.tel_fax>ul>li:last-child{
    margin-bottom: 0px;
}

.tel_fax i{
    color: #00ad2a;
    font-size: 24px;
    margin-right: 20px;

}

.neirong{
    color: #394c14;
    margin-right: 20px;
}

.line{
    color: #00b02a;
    margin-right: 20px;
}


.map{
    width: 600px;
    height: 320px;
    margin: 50px 50px 40px;
}

/*底部*/
footer{
    height: 304px;
    background-image: url("../img/foot_bg.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    padding-top: 88px;

}


.foot_1{
    height: 136px;
    width: 1000px;
    /*background-color: pink;*/
    margin: 0 auto;
    /*text-align: center;*/
    padding-left: 36px;
    padding-right: 36px;
}

.foot_1>ul{
    font-size: 0;
}
.foot_1 li{
    display: inline-block;
    /*background-color: red;*/
    height: 136px;
    width: 232px;
    text-align: center;
    margin-right: 116px;
    vertical-align: top;
    padding-top: 30px;

}

.foot_1>ul>li:last-child{
    margin-right: 0px;
}


.foot_1 p{

    color: #d4fadd;
    line-height: 34px;
}


.foot_1 i{
    font-size: 24px;

}

.telphone{
    font-size: 14px;
}


.foot_2{
    height: 80px;
    width: 1000px;
    margin: 0 auto;
    /*background-color: darkred;*/
    text-align: center;
    font-size: 12px;
    color: #d4fadd;
    border-top: 1px solid rgba(212,250,221,0.2);
    line-height: 23px;
    padding-top: 16px;
}
